<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title></title>
    <link rel="stylesheet" href="../css/xiaomi.css" />
    <link rel="stylesheet" href="../css/order.css" />
    <link rel="stylesheet" href="../css/like.css" />
    <link rel="stylesheet" href="../css/yonghu.css" />
    <style type="text/css">
        /*启用修改头像功能*/

        .na-img-area:hover .na-edit {
            display: block;
            cursor: pointer;
        }

        .na-img-area {
            cursor: default
        }
        .fdataa{
            line-height: 60px;
        }
    </style>
</head>

<body>
<div id="app">
    <div>
        <!-- 头部 -->
        <div class="header">
            <div id="J_topbarBannerWrapper"></div>
            <div class="site-topbar">
                <div class="container">
                    <div class="topbar-nav">
                        <a>小米商城</a> <span class="sep">|</span>
                        <a>MIUI</a> <span class="sep">|</span>
                        <a>IoT</a> <span class="sep">|</span>
                        <a>云服务</a> <span class="sep">|</span>
                        <a>金融</a> <span class="sep">|</span>
                        <a>有品</a> <span class="sep">|</span>
                        <a>小爱开放平台</a> <span class="sep">|</span>
                        <a>企业团购</a> <span class="sep">|</span>
                        <a>资质证照</a> <span class="sep">|</span>
                        <a>协议规则</a> <span class="sep">|</span>
                        <a class="topbar-download">
                            下载app
                            <span class="appcode"><img src="" alt="小米商城" width="90" height="90">
        小米商城APP
    </span></a> <span class="sep">|</span>
                        <a class="J_siteGlobalRegion">Select Location</a>
                    </div>

                    <!--  右上购物车  -->
                    <div class="topbar-cart">
                        <a href="/shoppingcart/select?userid=${login.userid}" class="cart-mini">
                            <em class="iconfont-cart"></em><em class="iconfont-cart-full hide"></em></span>购物车
                            <#list shoplist as shoplist>
                            <span class="cart-mini-num J_cartNum" id="shang" style="display: none">（${shoplist}）</span>
                            </#list>
                        <span class="cart-mini-num J_cartNum" id="shangn" style="display: none">（0）</span>
                        </a>
                        <div id="J_miniCartMenu" class="cart-menu " style="height: 0px;">
                            <div class="menu-content">
                                <ul id="J_miniCartList" class="cart-list hide" style="height: 0px;">
                                    <#list select as select>
                                    <li>
                                        <div class="cart-item clearfix first">
                                            <a class="thumb" href="">
                                                <img alt="" src="../img/${select.img}" style="width: 60px;height: 60px;">
                                            </a>
                                            <a class="name" href="//item.mi.com/product/1194700030.html">${select.name} ${select.versiontype} ${select.colorname}</a>
                                            <span class="price">${select.pricea}元 × 1</span>
                                            <a class="btn-del J_delItem" href="" data-gid="2194700019_0_buy" data-isbigtap="false">
                                                <em class="iconfont-close"></em>
                                            </a>
                                        </div>
                                    </li>
                                </#list>
                                </ul>
                                <div id="J_miniCartListTotal" class="cart-total clearfix hide">
                                    <#list shu as shu>
                                    <span class="total">共 <em>${shu}</em> 件商品
                                    </#list>
                                    <#list zong as zong>
                                    <span class="price">
                                        <em>${zong}</em>元
                                        </span>
                                    </#list>
                                </span>
                                <a href="/shoppingcart/select?userid=${login.userid}" class="btn btn-primary btn-cart">去购物车结算</a>
                            </div>
                            <div class="msg msg-error hide">

                            </div>
                            <div class="msg msg-empty hide">购物车中还没有商品，赶紧选购吧！</div>
                        </div>
                    </div>
                </div>
                <!--  购物车   -->

                <#list login as user>
                <div class="topbar-info ce" style="display: none;" id="ce">

									<span class="user">
									<a rel="nofollow" class="user-name" href="/user/suser?userid=${user.userid}" target="_blank">
										<span class="panduan" style="display: none">${user}</span>
									<span class="userid" style="display: none">1</span>
									<span class="name">${user.userName}</span>
									<i class="iconfont-arrow-down-mini"></i>
									</a>
									<div class="user-menu-wrapper" style="height: 0px;">
										<ul class="user-menu">
											<li>
												<a rel="nofollow" href="" target="_blank">个人中心</a>
											</li>
											<li>
												<a rel="nofollow" href="" target="_blank">评价晒单</a>
											</li>
											<li>
												<a rel="nofollow" href="/like/select?userid=${user.userid}" target="_blank">我的喜欢</a>
											</li>
											<li>
												<a rel="nofollow" href="" target="_blank">小米帐号</a>
											</li>
											<li>
												<a rel="nofollow" href="/user/logout">退出登录</a>
											</li>
										</ul>
									</div>

									</span>
                    <span class="sep">|</span>
                    <span class="message">
								<a href="" class="J_needAgreement">消息通知<i class="J_miMessageTotal"></i></a>
							</span>
                    <span class="sep">|</span>
                    <a rel="nofollow" class="link link-order" href="/order/select" target="_blank">我的订单</a>
                </div>
            </#list>
            <div class="topbar-info cea" style="display: none;" id="cea">

                <a href="/user/index" class="link">登录</a> <span class="sep">|</span>
                <a href="/like/select" class="link">注册</a><span class="sep">|</span><span class="message"><a
                    href="" class="J_needAgreement">消息通知<i class="J_miMessageTotal"></i></a></span>
            </div>
        </div>
        <span class="kong" style="display: none"></span>
    </div>
</div>
<div class="site-header  ">
    <div class="container">
        <div class="header-logo">
            <a href="/information/shouye" title="小米官网" class="logo ir">小米官网</a>
        </div>
        <div class="header-nav ">
            <ul class="nav-list J_navMainList clearfix">
                <li class="nav-category">
                    <a href="" class="link-category"><span class="text">全部商品分类</span></a>
                </li>
                <!-- 此处中间悬浮显示(一共6个)      ！！！还未做 -->
                <li class="nav-item">
                    <a href="" class="link"><span class="text">小米手机</span></a>
                    <div class="item-children">
                        <div class="container">
                            <ul class="children-list clearfix">
                                <!-- 此处有5个 后四个class为空 -->
                                <li class="first">
                                    <a href="">
                                        <div class="figure figure-thumb"><img src="//i1.mifile.cn/f/i/2014/cn/placeholder-220!110x110.png" data-src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82ddffd7562c54f9166fa876c143ff22.png" alt="小米10 Pro" width="160" height="110"></div>
                                        <div class="title">小米10 Pro</div>
                                        <p class="price">4999元起</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li class="nav-item">
                    <a href="" class="link"><span class="text">服务</span></a>
                </li>
                <li class="nav-item">
                    <a href="" class="link"><span class="text">社区</span></a>
                </li>
            </ul>
        </div>
        <div class="header-search ">
            <form class="search-form clearfix"><label for="search" class="hide">站内搜索</label> <input type="" class="search-text"> <input type="submit" value="" class="search-btn iconfont">
                <div class="search-hot-words">
                    <a href="">小米10</a>
                    <a href="">Redmi K30 Pro</a>
                </div>
            </form>
        </div>
    </div>
</div>
</div>
<!-- 头部 -->
</div>

<!-- 中间 -->
<div class="breadcrumbs">
    <div class="container">
        <a href="">首页</a><span class="sep">/</span><span>个人中心</span>
    </div>
</div>

<div class="page-main user-main">
    <div class="container">
        <div class="row">
            <div class="span4">
                <div class="uc-box uc-sub-box">
                    <div class="uc-nav-box">
                        <div class="box-hd">
                            <h3 class="title">订单中心</h3>
                        </div>
                        <div class="box-bd">
                            <ul class="uc-nav-list J_navList">
                                <li>
                                    <a class="J_noRandom" href="">我的订单</a>
                                </li>
                                <!-- <li><a href="//service.order.mi.com/insurance/payServiceList">意外保</a></li> -->
                                <li data-type="11">
                                    <a class="J_tuanList" href="">团购订单</a>
                                </li>
                                <li>
                                    <a href="">评价晒单</a>
                                </li>
                                <li>
                                    <a href="">话费充值订单</a>
                                </li>
                                <li>
                                    <a href="">以旧换新订单</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="uc-nav-box">
                        <div class="box-hd">
                            <h3 class="title">个人中心</h3>
                        </div>
                        <div class="box-bd">
                            <ul id="J_orderNavList" class="uc-nav-list">
                                <li class="active">
                                    <a href="">我的个人中心</a>
                                </li>
                                <li>
                                    <a href="">消息通知<i class="J_miMessageTotal"></i></a>
                                </li>
                                <li>
                                    <a href="">购买资格<i class="J_miInviteTotal"></i></a>
                                </li>
                                <li>
                                    <a href="">现金账户</a>
                                </li>
                                <li>
                                    <a href="">小米礼品卡</a>
                                </li>
                                <li>
                                    <a href="">现金券</a>
                                </li>
                                <li>
                                    <a href="/like/select?userid=${login.userid}">喜欢的商品</a>
                                </li>
                                <li>
                                    <a href="">优惠券</a>
                                </li>
                                <li>
                                    <a href="/address/address?userid=${user.userid}">收货地址</a>
                                </li>
                                <li>
                                    <a href="">红包</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="uc-nav-box">
                        <div class="box-hd">
                            <h3 class="title">售后服务</h3>
                        </div>
                        <div class="box-bd">
                            <ul class="uc-nav-list">
                                <li>
                                    <a href="">服务记录</a>
                                </li>
                                <li>
                                    <a href="">申请服务</a>
                                </li>
                                <li>
                                    <a href="">领取快递报销</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="uc-nav-box">
                        <div class="box-hd">
                            <h3 class="title">帐户管理</h3>
                        </div>
                        <div class="box-bd">
                            <ul class="uc-nav-list">
                                <li>
                                    <a href="">个人信息</a>
                                </li>
                                <li>
                                    <a href="">修改密码</a>
                                </li>

                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="span16">
                <div class="mi-uc-box uc-main-box">
                    <div class="uc-content-box portal-content-box">
                        <div class="box-bd">
                            <div data-v-6cfb7de2="" class="portal-main clearfix">
                                <#list user as user>
                                <form class="loginForm" action="/user/updateuser?userid=${user.userid}"  name="actionForm" id="actionForm"  method="post" >
                                <!-- 用户信息 -->
                                <div class="n-frame xinxi hide">
                                    <a style="float: right;" class="guanbi">
												<span data-dismiss="modal" aria-hidden="true" class="close">
													<i class="iconfont"></i>
												</span>
                                    </a>
                                    <div class="uinfo c_b">
                                        <div>
                                            <div class="main_l">
                                                <div class="naInfoImgBox t_c">
                                                    <div class="na-img-area marauto">
                                                        <!--na-img-bg-area不能插入任何子元素-->
                                                        <div class="na-img-bg-area"><img src="../img/${user.image}"></div>
                                                        <em class="na-edit"></em>
                                                    </div>
                                                    <div class="naImgLink">

                                                        <a class="color4a9" href="" title="修改头像">修改头像</a>

                                                    </div>
                                                </div>
                                            </div>
                                            <div class="main_r">
                                                <div class="framedatabox">
                                                    <div class="fdata" style="text-align: center;">
                                                        <h3>基础资料</h3>
                                                    </div>
                                                    <div class="fdataa lblnickname">
                                                        <p>
                                                            <span>昵称：</span>
                                                            <span class="value sname">${user.userName}</span>
                                                            <input type="text" value="${user.userName}" class="iname hide" name="username"/>
                                                        </p>
                                                    </div>
                                                    <div class="fdataa lblnickname">
                                                        <p>
                                                            <span>电话：</span>
                                                            <span class="value sphone">${user.phone}</span>
                                                            <input type="text" value="${user.phone}" class="iphone hide" name="phone"/>
                                                        </p>
                                                    </div>
                                                    <div class="fdataa lblnickname">
                                                        <p>
                                                            <span>邮箱：</span>
                                                            <span class="value semail">${user.email}</span>
                                                            <input type="text" value="${user.email}" class="iemail hide" name="email"/>
                                                        </p>
                                                    </div>
                                                    <!--  <div class="fdata lblbirthday" style="display: none">
                                                              <p><span>生日：</span><span class="value" _empty>



                                                        </span></p>
                                                            </div> -->
                                                    <div class="fdataa lblgender">
                                                        <p>
                                                            <span>性别：</span>
                                                            <span class="value ssex" val="m">男</span>
                                                        </p>
                                                    </div>
                                                </div>
                                                <div class="btn_editinfo">
                                                    <a  class="btnadpt bg_normal bian" style="color: #46639c;">编辑基础资料</a>
                                                    <input class="btnadpt bg_normal hide xiu" style="margin: 0px auto;background-color: rgb(255, 103, 0);width: 50px;color: white;border: 0;" type="submit" value="修改">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                </form>
                                <!-- 用户信息 -->
                                <div data-v-6cfb7de2="" class="user-card">

                                    <h2 data-v-6cfb7de2="" class="username">${user.userName}</h2>

                                    <a data-v-6cfb7de2=""  target="_blank" class="link xiugai">修改个人信息 &gt;</a>
                                    <img data-v-6cfb7de2="" src="../img/${user.image}" width="150" height="150" alt="${user.userName}" class="avatar">
                                </div>
                                <div data-v-6cfb7de2="" class="user-actions">
                                    <ul data-v-6cfb7de2="" class="action-list">
                                        <li data-v-6cfb7de2="">账户安全：<span data-v-6cfb7de2="" class="level level-2">普通</span></li>
                                        <li data-v-6cfb7de2="">绑定手机：<span data-v-6cfb7de2=""><span data-v-6cfb7de2="" class="tel">${user.phone}</span></span>
                                        </li>
                                        <li data-v-6cfb7de2="">绑定邮箱：<span data-v-6cfb7de2=""><span data-v-6cfb7de2="" class="tel"></span>${user.email}</span>
                                        </li>
                                    </ul>
                                </div>
                            </#list>
                        </div>
                        <div data-v-1ace6eb7="" class="portal-sub">
                            <ul data-v-1ace6eb7="" class="info-list clearfix">
                                <li data-v-1ace6eb7="">
                                    <h3 data-v-1ace6eb7="">待支付的订单：<span data-v-1ace6eb7="" class="num">0</span></h3>
                                    <a data-v-1ace6eb7="" href="">查看待支付订单<i data-v-1ace6eb7="" class="iconfont"></i></a>
                                    <img data-v-1ace6eb7="" src="//s01.mifile.cn/i/user/portal-icon-1.png" alt="">
                                </li>
                                <li data-v-1ace6eb7="">
                                    <h3 data-v-1ace6eb7="">待收货的订单：<span data-v-1ace6eb7="" class="num">0</span></h3>
                                    <a data-v-1ace6eb7="" href="">查看待收货订单<i data-v-1ace6eb7="" class="iconfont"></i></a>
                                    <img data-v-1ace6eb7="" src="//s01.mifile.cn/i/user/portal-icon-2.png" alt="">
                                </li>
                                <li data-v-1ace6eb7="">
                                    <h3 data-v-1ace6eb7="">待评价商品数：<span data-v-1ace6eb7="" class="num">0</span></h3>
                                    <a data-v-1ace6eb7="" href="">查看待评价商品<i data-v-1ace6eb7="" class="iconfont"></i></a>
                                    <img data-v-1ace6eb7="" src="//s01.mifile.cn/i/user/portal-icon-3.png" alt="">
                                </li>
                                <#list sum as sum>
                                <li data-v-1ace6eb7="">
                                    <h3 data-v-1ace6eb7="">喜欢的商品：<span data-v-1ace6eb7="" class="num">${sum}</span></h3>
                                    <a data-v-1ace6eb7="" href="/like/select?userid=${login.userid}">查看喜欢的商品<i data-v-1ace6eb7="" class="iconfont"></i></a>
                                    <img data-v-1ace6eb7="" src="//s01.mifile.cn/i/user/portal-icon-4.png" alt="">
                                </li>
                                </#list>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<!-- 中间 -->

<!-- 底部 -->
<div>
    <div class="site-footer">
        <div class="container">
            <div class="footer-service">
                <ul class="list-service clearfix">
                    <li>
                        <a href=""><em class="iconfont-tool"></em>预约维修服务</a>
                    </li>
                    <li>
                        <a href=""><em class="iconfont-circle-7"></em>7天无理由退货</a>
                    </li>
                    <li>
                        <a href=""><em class="iconfont-circle-15"></em>15天免费换货</a>
                    </li>
                    <li>
                        <a href=""><em class="iconfont-gift"></em>满99元包邮</a>
                    </li>
                    <li>
                        <a href=""><em class="iconfont-location"></em>520余家售后网点</a>
                    </li>
                </ul>
            </div>
            <div class="footer-links clearfix">
                <dl class="col-links col-links-first"><dt>帮助中心</dt>
                    <dd>
                        <a href="" target="_blank">账户管理</a>
                    </dd>
                    <dd>
                        <a href="" target="_blank">购物指南</a>
                    </dd>
                    <dd>
                        <a href="" target="_blank">订单操作</a>
                    </dd>
                </dl>
                <dl class="col-links "><dt>服务支持</dt>
                    <dd>
                        <a href="">售后政策</a>
                    </dd>
                    <dd>
                        <a href="">自助服务</a>
                    </dd>
                    <dd>
                        <a href="">相关下载</a>
                    </dd>
                </dl>
                <dl class="col-links "><dt>线下门店</dt>
                    <dd>
                        <a href="">小米之家</a>
                    </dd>
                    <dd>
                        <a href="">服务网点</a>
                    </dd>
                    <dd>
                        <a href="">授权体验店</a>
                    </dd>
                </dl>
                <dl class="col-links "><dt>关于小米</dt>
                    <dd>
                        <a href="">了解小米</a>
                    </dd>
                    <dd>
                        <a href="">加入小米</a>
                    </dd>
                    <dd>
                        <a href="">投资者关系</a>
                    </dd>
                    <dd>
                        <a href="">廉洁举报</a>
                    </dd>
                </dl>
                <dl class="col-links "><dt>关注我们</dt>
                    <dd>
                        <a href="">新浪微博</a>
                    </dd>
                    <dd>
                        <a href="">官方微信</a>
                    </dd>
                    <dd>
                        <a href="">联系我们</a>
                    </dd>
                    <dd>
                        <a href="">公益基金会</a>
                    </dd>
                </dl>
                <dl class="col-links "><dt>特色服务</dt>
                    <dd>
                        <a href="">F 码通道</a>
                    </dd>
                    <dd>
                        <a href="">礼物码</a>
                    </dd>
                    <dd>
                        <a href="">防伪查询</a>
                    </dd>
                </dl>
                <div class="col-contact">
                    <p class="phone">400-100-5678</p>
                    <p>周一至周日 8:00-18:00<br>（仅收市话费）</p>
                    <a class="btn btn-line-primary btn-small"><em class="iconfont-message2"></em> 人工客服</a>
                </div>
            </div>
        </div>
    </div>
    <div class="site-info">
        <div class="container">
            <div class="logo ir">小米官网</div>
            <div class="info-text">
                <p class="sites">
                    <a href="">小米商城</a> <span class="sep">|</span>
                    <a href="">MIUI</a> <span class="sep">|</span>
                    <a href="">米家</a> <span class="sep">|</span>
                    <a href="">米聊</a> <span class="sep">|</span>
                    <a href="">多看</a> <span class="sep">|</span>
                    <a href="">游戏</a> <span class="sep">|</span>
                    <a href="">政企服务</a> <span class="sep">|</span>
                    <a href="">小米天猫店</a> <span class="sep">|</span>
                    <a href="">小米集团隐私政策</a> <span class="sep">|</span>
                    <a href="">小米公司儿童信息保护规则</a> <span class="sep">|</span>
                    <a href="">小米商城隐私政策</a> <span class="sep">|</span>
                    <a href="">小米商城用户协议</a> <span class="sep">|</span>
                    <a href="">问题反馈</a> <span class="sep">|</span>
                    <a href="">Select Location</a>
                </p>
                <p>
                    ©
                    <a href="" target="_blank">mi.com</a> 京ICP证110507号
                    <a href="" target="_blank">京ICP备10046444号</a>
                    <a href="" target="_blank">京公网安备11010802020134号</a>
                    <a href="" target="_blank">京网文[2020]0276-042号</a> <br>
                    <a href="" target="_blank">（京）网械平台备字（2018）第00005号</a>
                    <a href="" target="_blank">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a>
                    <a href="" target="_blank">营业执照</a>
                    <a href="" target="_blank">医疗器械质量公告</a> <br>
                    <a href="" target="_blank">增值电信业务许可证</a>&nbsp;网络食品经营备案（京）【2018】WLSPJYBAHF-12&nbsp;
                    <a href="" target="_blank">食品经营许可证</a> <br> 违法和不良信息举报电话：185-0130-1238&nbsp;
                    <a href="" target="_blank">知识产权侵权投诉</a>&nbsp;本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                </p>
            </div>
            <div class="info-links">
                <a href=""><img src="//i1.mifile.cn/f/i/17/site/truste.png" alt="TRUSTe Privacy Certification"></a>
                <a href=""><img src="//s01.mifile.cn/i/v-logo-2.png" alt="诚信网站"></a>
                <a href=""><img src="//s01.mifile.cn/i/v-logo-1.png" alt="可信网站"></a>
                <a href=""><img src="//i8.mifile.cn/b2c-mimall-media/ba10428a4f9495ac310fd0b5e0cf8370.png" alt="诚信经营 放心消费"></a>
            </div>
        </div>
        <div class="slogan ir">探索黑科技，小米为发烧而生</div>
    </div>
</div>
</div>
<script src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/shopuser.js"></script>
<script>
    $(".xiugai").click(function(){
        $(".xinxi").removeClass("hide");
        $(".user-card").addClass("hide");
        $(".user-actions").addClass("hide");
    })
    $(".guanbi").click(function(){
        $(".xinxi").addClass("hide");
        $(".user-card").removeClass("hide");
        $(".user-actions").removeClass("hide");
    })
    $(".bian").click(function(){
        $(".bian").addClass("hide");
        $(".sname").addClass("hide");
        $(".sphone").addClass("hide");
        $(".semail").addClass("hide");
        $(".ssex").addClass("hide");
        $(".xiu").removeClass("hide")
        $(".iname").removeClass("hide");
        $(".iphone").removeClass("hide");
        $(".iemail").removeClass("hide");
    })
</script>
</body>

</html>